<template>
  <div class="common-title">
    {{ title }}
  </div>
</template>

<script setup>
// props
const props = defineProps({
  title: String,
});
</script>
<style scoped lang="less">
.common-title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  color: #217300;
  display: flex;
  align-items: center;

  &::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 30px;
    background: linear-gradient(180deg, #217300 0%, #cbebde 100%);
    margin-right: 15px;
    border-radius: 20px;
  }
}
</style>
